<!DOCTYPE html>
<html>
	<!--商家详情-->
	<head>
		<meta charset="UTF-8">
		<title>向往的生活家</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="shortcut icon" type="image/x-icon" href="img/user/logo.ico" />
		<link href="css/bootstrap.css" rel="stylesheet">
        <link rel="stylesheet" href="css/base.css" />
        <link rel="stylesheet" type="text/css" href="css/swiper.css"/>
        <link rel="stylesheet" href="css/iconfont.css" /> 
        <link rel="stylesheet" href="css/navigation.css"/>
       	<link rel="stylesheet" href="css/details/details.css" />
       	<link rel='stylesheet' href='css/details/jquery.cardtabs.css'>
		<link rel='stylesheet' href='css/details/tab.css'>
		<!--图片放大-->
		<link rel="stylesheet" href="touchTouch/touchTouch.css"/>
       	
	</head>
	<body>
		<script type="text/javascript" src="js/top.js" ></script>
		<!--头部  start-->
	  	<!--菜单栏-->
  		<!--在768px下面的商家详情-->
		<div class="n_xq_small">
			<div class="container">
				<div class="row">
					 <div class="col-xs-12">
					 	  <div class="n_small_header">
					 	  	<img src="img/a1.png"> 
					 	  </div>
					 </div>
					 <div class="col-xs-12">
					 	  <div class="n_small_title">
					 	  	  <div class="n_s_tit"><span>醉美东山生态农庄</span></div>
					 	  	  <div class="n_s_price"><span>¥148起</span></div>
					 	  </div>
					 	  <div class="n_s_hui">
					 	  	   <p class="h">
		                    		<span><i>惠</i>&nbsp;诚信合作商家 在线预订立享多重优惠</span>
		                    	</p>
					 	  </div>
					 	  <div class="n_s_sub">
					 	  	   <p><span><i class="iconfont">&#xe601;</i></span><span>最佳旅游时间:4月至6月</span></p>
					 	  	   <p><span><i class="iconfont">&#xe647;</i></span><span>重庆.长寿.长寿湖.醉美东山</span></p>
					 	  	   <p><span><i class="iconfont">&#xe622;</i></span><span>13062309178</span></p>
					 	  </div>
					 </div>
					 <div class="col-xs-12">
					 	    <div class="course_center">
								 <a href="javascript:void(0);" class="tab_click action">商家详情</a>
								 <a href="javascript:void(0);" class="tab_click">评论</a>
							</div>
							<div class="course_tab">
								<div class="tab_0">
									<div class="row">
										<div class="col-xs-12">
											 <div class="tit">优惠套餐</div>
											 <div class="line"></div>
											 <div class="tab0_ti">醉美东山生态农庄 套餐A</div>
											 <div class="tab0_content">
											 	 <div class="row">
												 	  <div class="col-xs-4">（早餐+中餐+晚餐+住宿）正餐 7荤5素或6荤6素 淡季</div>
												 	  <div class="col-xs-4"><span class="se">价格：¥<i>148</i>&nbsp;元<br/><i class="del">原价：¥158元</i></span></div>
												 	  <div class="col-xs-4"><a class="fs18" href="javascript:;">咨询预订</a></div>
												 </div>
											 </div>
										</div>
										<div class="col-xs-12">
											 <div class="tit">商家详情</div>
											 <div class="line"></div>
											 <div class="tab0_content">
											 	    <div class="songti">
														<p>商家简介： 醉美东山生态农庄位于4A级风景区长寿湖畔后山的东山茶山上，海拔高度942.6米，可鸟瞰长寿湖全景。比长寿湖平均温度低4度，是您游览长寿湖风景区后，到后山上休闲、吃饭、住宿、春游、避暑、消夏、冬烤羊的好去处!</p>
														<p>农庄建在数万亩国有森林中，自建有几百亩有机生态茶园、果园，自种蔬菜，自养土鸡、土猪、野猪，自建竹楼、木屋，致力发展山村原生态文化，打造长寿湖地区有机生态特色乡村旅游新景点!</p>
														<p>农庄能同时接待200人就餐，100人会议（有投影仪），40人住宿（空调、热水器、电视），上百人露营，住宿及环境条件位居长寿湖景区农家乐之首!</p>
														<p>采茶游山瞰寿湖，野炊露营赏竹屋;垂钓棋牌品佳茗，生态东山醉自足。</p>
														<p>特色菜品： 野味、农家菜、长寿湖鱼系列</p>
														<p>周边景点： 长寿湖风景区、东林寺、东山太平寨国有林</p>
														<p>地方特产： 天赐寿岛牌系列茶叶，东山竹笋、东山野蕨菜、长寿湖鱼面，长寿湖夏橙、长寿湖血脐橙、长寿沙田柚、长寿血豆腐</p>
														<p>备注： 由于我们是大型的休闲生态农庄，本身就是一个旅游景点，建在离长寿湖9公里远的东山上，吃住游玩的条件比长寿湖边的农家乐好很多倍，亲如果介意不再长寿湖边请绕行!</p>
											 	    </div>
											 </div>
										</div>
										<div class="col-xs-12">
											 <div class="tit">美食娱乐</div>
											 <div class="line"></div>
											 <div class="tab0_content">
											 	    <div class="clearfix">
							                        	<p class="t">特色菜品</p>
							                        	<p style="text-indent: 2em;padding: 1rem 0;">野味、农家菜、长寿湖鱼</p>
							                        	<p class="t">娱乐设施</p>
							                        	<div class="fix_t">
							                        		<p>　　–篝火晚会：500元/场</p>
															<p>　　–烤全羊：38元/斤</p>
															<p>　　–羊肉汤锅：68元/锅(含素菜、油碟)</p>
															<p>　　–刨猪汤：称活猪(黑猪)20元/斤，杀猪150元/头，先提前预定减免100元/头</p>
															<p>　　–加工费：提前预定赠送一桌，剩余桌数原价380元/桌，现280元/桌</p>
															<p>　　–钓鱼：15元/斤，可租赁鱼竿</p>
															<p>　　–会议室：500元/天，300元/半天(现免费提供)</p>
															<p>　　–机麻：大厅机麻免费。包间机麻10元/人(含每人一杯茶水)</p>
															<p>　　娱乐项目：停车、吊床、烧烤、采摘等</p>
														</div>
							                    	</div>
											 </div>
										</div>
										<div class="col-xs-12">
											 <div class="tit">周边景点</div>		
											  <div style="height: 3rem;"></div>	
										</div>
										
									</div>
								</div>
								<div class="tab_1" style="display: none;">
									<div class="row">
										<div class="col-xs-12">
											<!---->
											<div class="ping_title plBtn">发表评论</div>
											<div class="quiz_content ping_content">
												<form action="" id="" method="post">													
													<!--评论-->
													<!--评论区域 begin-->
												    <div class="reviewArea clearfix">
												        <div class="flex-text-wrap"><pre class="pre"><span></span><br></pre><textarea class="content comment-input" placeholder="" onkeyup="keyUP(this)"></textarea></div>
												        <a href="javascript:;" class="plBtn">评论</a>
												    </div>
												    <!--评论区域 end-->
													<!--评论-->
													
												</form>
											</div>
											<style type="text/css">
												@media(max-width: 767px) { 
													.quiz_content{
														    margin-top: -175px;
													}
												}
												
											</style>
											<!---->
										</div>
										 <div class="col-xs-12">
										 	   <!---->
										 	   <div class="example">
													<div class="tabsholder3">
														<div class="card-tabs-bar graygreen">
															<a href="javascript:void();" class="active" style="display: none;">最&nbsp;新</a>
															<a href="javascript:void();" style="display: none;">最&nbsp;热</a>
														</div>
														<div class="card-tabs-stack graygreen">
														<div data-tab="最&nbsp;新">
															
															<!--评论内容-->
															<!--回复区域 begin-->
														    <div class="comment-show">
														        <div class="comment-show-con clearfix">
														            <div class="comment-show-con-img pull-left"><img src="img/user/header-img-comment_03.png" alt=""></div>
														            <div class="comment-show-con-list pull-left clearfix">
														                <div class="pl-text clearfix">
														                    <a href="#" class="comment-size-name">张三 : </a>
														                    <span class="my-pl-con">&nbsp;来啊 造作啊!</span>
														                </div>
														                <div class="date-dz">
														                    <span class="date-dz-left pull-left comment-time">2017-5-2 11:11:39</span>
														                    <div class="date-dz-right pull-right comment-pl-block">
														                        <a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a>
														                        <span class="pull-left date-dz-line">|</span>
														                        <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a>
														                    </div>
														                </div>
														                <div class="hf-list-con"></div>
														            </div>
														        </div>
														    </div>
														    <!--回复区域 end-->
															<!--评论内容-->
														</div>
														<div data-tab="最&nbsp;热">
															
															<!--评论内容-->
															<!--回复区域 begin-->
														    <div class="comment-show">
														        <div class="comment-show-con clearfix">
														            <div class="comment-show-con-img pull-left"><img src="img/user/header-img-comment_03.png" alt=""></div>
														            <div class="comment-show-con-list pull-left clearfix">
														                <div class="pl-text clearfix">
														                    <a href="#" class="comment-size-name">张三 : </a>
														                    <span class="my-pl-con">&nbsp;来啊 造作啊!</span>
														                </div>
														                <div class="date-dz">
														                    <span class="date-dz-left pull-left comment-time">2017-5-2 11:11:39</span>
														                    <div class="date-dz-right pull-right comment-pl-block">
														                        <a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a>
														                        <span class="pull-left date-dz-line">|</span>
														                        <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a>
														                    </div>
														                </div>
														                <div class="hf-list-con"></div>
														            </div>
														        </div>
														    </div>
														    <!--回复区域 end-->
															<!--评论内容-->
														</div>
													</div>
													</div>
											   </div>
										 	     
										 	   <!---->
										 </div>
									</div>
								</div>
							</div>
					 </div>
					
				</div>
			</div>
			 
			
		</div>
		<!--768px下的end-->
		
		<!--主体 start-->
		<div class="n_xq">
			<!--位置 start-->
			<p class="loca">您的位置：
				<a href="http://www.hlcxy.com">向往的生活家</a>
				<span> &gt; </span> 
				<a href="/njl6a1">农家乐/度假村</a> &gt; 
				<span class="c333">醉美东山生态农庄</span>
			</p>
			<!--位置 end-->
			<!--轮播 start-->
			<div class="wrap">
				<!--头部 start-->
				<div class="top_cont">
                	<div class="left">
                    	<p class="fs24 c333">醉美东山生态农庄</p>
                    	<p class="h">
                    		<span style="left:0px;"><i>惠</i>诚信合作商家 在线预订立享多重优惠</span>
                    	</p>
                    	<div class="pf">
                        	<p style="padding-top: -20px;">综合评分: </p>
                    		<!--星星点评 代码开始-->
							<div class="xzw_starSys">
								<div class="xzw_starBox">
									<ul class="star stars">
										<li><a href="javascript:void(0)" title="1" class="one-star">1</a></li>
										<li><a href="javascript:void(0)" title="2" class="two-stars">2</a></li>
										<li><a href="javascript:void(0)" title="3" class="three-stars">3</a></li>
										<li><a href="javascript:void(0)" title="4" class="four-stars">4</a></li>
										<li><a href="javascript:void(0)" title="5" class="five-stars">5</a></li>
									</ul>
									<div class="current-rating showb"></div>
								</div>
								<!--评价文字-->
								<!--<div class="description"></div>-->
							</div>
							<!--星星点评  代码结束-->
                        	<p style="padding-top: 8px;">评分来自<em class="c_green fw">&nbsp;1&nbsp;</em>条入住点评</p>
                    	</div>
                	</div>
                	<div class="right"></div>
            	</div>
				<!--头部 end-->
				
				<!--点击图片切换功能-->
				<!--图片显示 start-->
				<div class="top_bann tm-m-photos">
					<!--左边 start-->
					<div class="bann float_l">
						<div class="tm-m-photo-viewer transition1 big"> 
						  	<img src="img/a1.png"> 
						  	<a class="tm-m-photo-viewer-navleft" style="cursor: default;"> 
								<i class="tm-m-photo-viewer-navicon arrow-right">&lt;</i> 
						  	</a> 
						</div>
                    	<ul class="small tm-m-photos-thumb">
							<li data-src="img/a1.png" class="lightbox-enabled"> 
								<img src="img/a1.png"> <b class="tm-photos-arrow"></b> 
							</li>
							<li data-src="img/a2.png" class="lightbox-enabled"> 
								<img src="img/a2.png"> <b class="tm-photos-arrow"></b> 
							</li><br/>
							<li data-src="img/a3.png" class="lightbox-enabled"> 
								<img src="img/a3.png"> <b class="tm-photos-arrow"></b> 
							</li>
							<li data-src="img/a4.png" class="lightbox-enabled"> 
								<img src="img/a4.png"> <b class="tm-photos-arrow"></b> 
							</li>
                		</ul>
					</div>
					<!--左边 end-->
					<!--右边 start-->
					<div class="ditu float_r">
						<div class="jg">
	                        <span class="fs36 fw c_organe txt_center">¥148<em class="fs12">起</em></span>
	                        <span class="tgbg songti">8人以上享团购</span>
	                        <a class="sjyd hover songti">更多优惠套餐&gt;&gt;</a>
	                    </div>
	                    <div class="tgrx">
	                         <span class="dhbz">
	                         	<img src="http://www.hlcxy.com/statics/css/hlcxy/images/njl/njldh.png">
	                         </span>
	                         <span class="fs24 fw">13062309178</span>
	                         <span class="tg fw">团购热线</span>
	                    </div>
	                    <div class="dizhi c666 fs12 songti">
	                        <span class="d_icon"><i class="c_green">地址：</i>重庆.长寿.长寿湖.醉美东山</span>
	                        <span class="d_icon"><i class="c_green">电话：</i>13062309178</span>
	                        <span class="r_icon">联系时请说明来自城乡游，可享低价！</span>
                    	</div>
					</div>
					<!--右边 end-->
				</div>
				<!--图片显示 end-->
				<!--点击图片切换功能-->
				
				<!--导航 start-->
				<div class="nav">
	                <a href="#sjyd" class="sjyd"><i class="icon1">优惠套餐</i></a>
	                <a href="#sjxq" class="sjxq"><i class="icon4">商家详情</i></a>
	                <a href="#msyl" class="msyl"><i class="icon2">美食娱乐</i></a>
	                <a href="#zbjd" class="zbjd"><i class="icon3">周边景点</i></a>
	                <a href="#jtzk" class="jtzk"><i class="icon5">交通状况</i></a>
	                <a href="#ykdp" class="ykdp"><i class="icon6">游客点评</i></a>
	            </div>
				<!--导航 end-->
				
				<!--优惠套餐-->
				<div class="cen_ab" id="sjyd">
					<div class="sjyd hover">
						<div class="tit fs18 c333">优惠套餐</div>
						<div class="line"></div>
		                <div class="box1">
		                	<div class="yh_li">
		                		<div class="fi">
		                        	<p class="fs14 c333">醉美东山生态农庄   套餐A</p>
			                    </div>
			                    <div class="yh_cont">
			                    	<span class="fs12 c666 lh18 mt5">（早餐+中餐+晚餐+住宿）正餐 7荤5素或6荤6素   淡季</span>
			                    	<span class="se">价格：¥<i>148</i>&nbsp;元 &nbsp;&nbsp;<i class="del">原价：¥158元</i></span>
			                       	<a class="fs18" href="javascript:;">咨询预订</a>
			                    </div>
		                	</div>
		                    <div class="yh_li">
		                		<div class="fi">
		                        	<p class="fs14 c333">醉美东山生态农庄   套餐A</p>
			                    </div>
			                    <div class="yh_cont">
			                    	<span class="fs12 c666 lh18 mt5">（早餐+中餐+晚餐+住宿）正餐 7荤5素或6荤6素   淡季</span>
			                    	<span class="se">价格：¥<i>148</i>&nbsp;元 &nbsp;&nbsp;<i class="del">原价：¥158元</i></span>
			                       	<a class="fs18" href="javascript:;">咨询预订</a>
			                    </div>
		                	</div>
		                </div> 
		                <!--</div>-->
					</div>  
					<!--优惠套餐  01-->
					
					<!--商家详情 start-->
					<div class="sjxq hover" id="sjxq">
						<div class="tit fs18 c333">商家详情</div>
						<div class="line"></div>
						<!--文字 start-->
						<div class="box2 clearfix t_index">
							<div class="t fs14 c555 songti">
								<p>商家简介： 醉美东山生态农庄位于4A级风景区长寿湖畔后山的东山茶山上，海拔高度942.6米，可鸟瞰长寿湖全景。比长寿湖平均温度低4度，是您游览长寿湖风景区后，到后山上休闲、吃饭、住宿、春游、避暑、消夏、冬烤羊的好去处!</p>
								<p>农庄建在数万亩国有森林中，自建有几百亩有机生态茶园、果园，自种蔬菜，自养土鸡、土猪、野猪，自建竹楼、木屋，致力发展山村原生态文化，打造长寿湖地区有机生态特色乡村旅游新景点!</p>
								<p>农庄能同时接待200人就餐，100人会议（有投影仪），40人住宿（空调、热水器、电视），上百人露营，住宿及环境条件位居长寿湖景区农家乐之首!</p>
								<p>采茶游山瞰寿湖，野炊露营赏竹屋;垂钓棋牌品佳茗，生态东山醉自足。</p>
								<p>特色菜品： 野味、农家菜、长寿湖鱼系列</p>
								<p>周边景点： 长寿湖风景区、东林寺、东山太平寨国有林</p>
								<p>地方特产： 天赐寿岛牌系列茶叶，东山竹笋、东山野蕨菜、长寿湖鱼面，长寿湖夏橙、长寿湖血脐橙、长寿沙田柚、长寿血豆腐</p>
								<p>备注： 由于我们是大型的休闲生态农庄，本身就是一个旅游景点，建在离长寿湖9公里远的东山上，吃住游玩的条件比长寿湖边的农家乐好很多倍，亲如果介意不再长寿湖边请绕行!</p>
							</div>
							<!--文字 start-->
							<!-- 图片动态代码部分begin -->
							<div id="thumbs"> 
								<a href="img/details/images/6754656011_3de2cc73a2_z.jpg" style="background-image:url(img/details/images/6754656011_3de2cc73a2_m.jpg);margin-left: -12px;" title="长寿湖醉美东山生态农庄&nbsp;&nbsp;&nbsp;&nbsp;"></a>
								<!--<h2>梅里梅里梅里</h2>-->
								<a href="img/details/images/6895252645_45f5dfffaa_z.jpg" style="background-image:url(img/details/images/6895252645_45f5dfffaa_m.jpg)" title="长寿湖醉美东山生态农庄&nbsp;&nbsp;&nbsp;&nbsp;"></a> 
								<a href="img/details/images/6943277737_21b521659c_z.jpg" style="background-image:url(img/details/images/6943277737_21b521659c_m.jpg)" title="长寿湖醉美东山生态农庄&nbsp;&nbsp;&nbsp;&nbsp;"></a> 
								<a href="img/details/images/7000951429_5eae078a62_z.jpg" style="background-image:url(img/details/images/7000951429_5eae078a62_m.jpg)" title="长寿湖醉美东山生态农庄&nbsp;&nbsp;&nbsp;&nbsp;"></a> 
								<a href="img/details/images/7051537899_efc7a44830_z.jpg" style="background-image:url(img/details/images/7051537899_efc7a44830_m.jpg)" title="长寿湖醉美东山生态农庄&nbsp;&nbsp;&nbsp;&nbsp;"></a> 
								<a href="img/details/images/6951148260_440661b4d1_z.jpg" style="background-image:url(img/details/images/6951148260_440661b4d1_m.jpg)" title="长寿湖醉美东山生态农庄&nbsp;&nbsp;&nbsp;&nbsp;"></a> 
								<a href="img/details/images/6930112984_5fcc076288_z.jpg" style="background-image:url(img/details/images/6930112984_5fcc076288_m.jpg)" title="长寿湖醉美东山生态农庄&nbsp;&nbsp;&nbsp;&nbsp;"></a> 
								<a href="img/details/images/6886626710_047cd03acb_z.jpg" style="background-image:url(img/details/images/6886626710_047cd03acb_m.jpg)" title="长寿湖醉美东山生态农庄&nbsp;&nbsp;&nbsp;&nbsp;"></a> 
							</div>
							<!-- 图片动态代码部分end -->
						</div>
					</div>
					<!--商家详情 end-->
					
					<!--美食娱乐-->
					<div class="msyl hover" id="msyl">
                    	<div class="tit fs18 c333">美食娱乐</div>
                    	<div class="line"></div>
                    	<div class="box2 clearfix">
                        	<p class="t fs16 c333">特色菜品</p>
                        	<div class="t fs14 c555 songti">
                        		<p style="text-indent: 2em;">野味、农家菜、长寿湖鱼</p>
                        	</div>
                        	<ul class="img_list"></ul>
                    	</div>
                    	<div class="box2 clearfix">
                       	 	<p class="t fs16 c333">娱乐设施</p>
                        	<div class="t fs14 c555 songti">
                        		<p>　　–篝火晚会：500元/场</p>
								<p>　　–烤全羊：38元/斤</p>
								<p>　　–羊肉汤锅：68元/锅(含素菜、油碟)</p>
								<p>　　–刨猪汤：称活猪(黑猪)20元/斤，杀猪150元/头，先提前预定减免100元/头</p>
								<p>　　–加工费：提前预定赠送一桌，剩余桌数原价380元/桌，现280元/桌</p>
								<p>　　–钓鱼：15元/斤，可租赁鱼竿</p>
								<p>　　–会议室：500元/天，300元/半天(现免费提供)</p>
								<p>　　–机麻：大厅机麻免费。包间机麻10元/人(含每人一杯茶水)</p>
								<p>　　娱乐项目：停车、吊床、烧烤、采摘等</p>
							</div>
                        	<ul class="img_list"></ul>
                    	</div>
                	</div>
					<!--美食娱乐-->
					
					<!--周边景点-->
					<div class="zbjd" id="zbjd">
						<div class="tit fs18 c333">周边景点</div>
                    	<div class="line"></div>
					</div>
					<!--周边景点-->
					
					<!--交通状况-->
					<div class="jtzk" id="jtzk">
                    	<div class="tit fs18 c333">交通状况</div>
                    	<div class="line"></div>
                    	<div class="box2 clearfix">
                        	<div class="about">
                            	<p class="fi">醉美东山生态农庄</p>
                            	<p class="se">
                            		<span style="left:0px;">&nbsp;|&nbsp;1&nbsp;封点评&gt;&gt;</span>
                            	</p>
	                            <dl class="clearfix">
	                                <dt class="list_icon2">地址：</dt>
	                                <dd>重庆.长寿.长寿湖.醉美东山</dd>
	                            </dl>
	                            <dl class="clearfix">
	                                <dt class="list_icon4">电话：</dt>
	                                <dd>13062309178</dd>
	                            </dl>
	                            <dl class="clearfix">
	                                <dt class="list_icon5">交通：</dt>
	                                <dd style="margin-top:-5px;" class="t fs14 c555">
	                                	<span>　乘车路线： 重庆汽车北站------长寿骑鞍车站-----长寿湖车站，散客5人以上有车接送，建议自驾游</span>
										<p style="padding-left: 67px;">　自驾路线： 高速路直达长寿湖站下道，问云集全家垭口码头分路，全水泥路沿路牌9公里即达。</p>
									</dd>
	                            </dl>
                        	</div>
                    	</div>
                	<!--</div>-->
                		<!---->
				</div>
					<!--交通状况-->
					
					<!--游客点评-->
					<div class="ykdp" id="ykdp">
						<div class="tit fs18 c333">游客点评</div>
						<div class="line"></div>
						<div class="box2 clearfix">
							<div class="dp clearfix">
								<p class="one">
	                                <span>
	                                	<em class="em2">100%
	                                		<i class="i1">来自游客的点评</i>
	                                		<i class="i2"> 真实反馈用户对商家的消费点评</i>
	                                	</em>
	                                </span>
	                            </p>
	                            <p class="two">
	                                <span>您可以对已购订单进行评论</span>
	                                <span class="bg">发表点评领取好礼</span>
	                            </p>
	                            
	                            
	                            <!--星星评论 start-->
								<div class="quiz">
									<div class="top">
										<h3>我要评论</h3>
										<p>已有<font style="color: #FF6600;">1</font>条评论</p>
									</div>
									<div class="quiz_content">
										<form action="" id="" method="post">
											<div class="goods-comm">
												<div class="goods-comm-stars">
													<span class="star_l">满意度：</span>
													<div id="rate-comm-1" class="rate-comm"></div>
												</div>
											</div>
											
											<!--评论-->
											<!--评论区域 begin-->
										    <div class="reviewArea clearfix">
										        <textarea class="content comment-input" placeholder="" onkeyup="keyUP(this)"></textarea>
										        <a href="javascript:;" class="plBtn">评论</a>
										    </div>
										    <!--评论区域 end-->
											<!--评论-->
											
										</form>
									</div>
								</div>
								<!--星星评论 end-->
								
								<!--显示评论文字 start-->
								<div class="container tab">
									<div class='example'>
										<div class='tabsholder3'>
											<div data-tab="最&nbsp;新">
												
												<!--评论内容-->
												<!--回复区域 begin-->
											    <div class="comment-show">
											        <div class="comment-show-con clearfix">
											            <div class="comment-show-con-img pull-left"><img src="img/user/header-img-comment_03.png" alt=""></div>
											            <div class="comment-show-con-list pull-left clearfix">
											                <div class="pl-text clearfix">
											                    <a href="#" class="comment-size-name">张三 : </a>
											                    <span class="my-pl-con">&nbsp;来啊 造作啊!</span>
											                </div>
											                <div class="date-dz">
											                    <span class="date-dz-left pull-left comment-time">2017-5-2 11:11:39</span>
											                    <div class="date-dz-right pull-right comment-pl-block">
											                        <a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a>
											                        <span class="pull-left date-dz-line">|</span>
											                        <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a>
											                    </div>
											                </div>
											                <div class="hf-list-con"></div>
											            </div>
											        </div>
											    </div>
											    <!--回复区域 end-->
												<!--评论内容-->
											</div>
											<div data-tab="最&nbsp;热">
												
												<!--评论内容-->
												<!--回复区域 begin-->
											    <div class="comment-show">
											        <div class="comment-show-con clearfix">
											            <div class="comment-show-con-img pull-left"><img src="img/user/header-img-comment_03.png" alt=""></div>
											            <div class="comment-show-con-list pull-left clearfix">
											                <div class="pl-text clearfix">
											                    <a href="#" class="comment-size-name">张三 : </a>
											                    <span class="my-pl-con">&nbsp;来啊 造作啊!</span>
											                </div>
											                <div class="date-dz">
											                    <span class="date-dz-left pull-left comment-time">2017-5-2 11:11:39</span>
											                    <div class="date-dz-right pull-right comment-pl-block">
											                        <a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a>
											                        <span class="pull-left date-dz-line">|</span>
											                        <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a>
											                    </div>
											                </div>
											                <div class="hf-list-con"></div>
											            </div>
											        </div>
											    </div>
											    <!--回复区域 end-->
												<!--评论内容-->
											</div>
										</div>
									</div>
								</div>
								<!--显示评论文字 end-->
	                            
	                            
							</div>
						</div>
					</div>
					<!--游客点评-->
					
				<!--商家详情 end-->
			</div>
			<!--轮播 start-->
		</div>
		</div>
		<!--主体 end-->
		
	</body>
	
	<!--返回顶部-->	
	<div class="gotop" style="display: none;">
        <span><img src="img/top.png" ></span>
    </div>	
	

	<script type="text/javascript" src="js/foot.js" ></script> 
   
	
	
	<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
   	<script type="text/javascript" src="js/bootstrap.min.js" ></script>
   	<script type="text/javascript" src="js/details/jquery.comment.js" ></script>
	<script type="text/javascript" src="js/details/xinxintop.js"></script>
	<script src="js/navigation.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/details/comment.js"></script>
	<script type='text/javascript' src='js/details/jquery.cardtabs.js'></script>
	<script type="text/javascript" src="js/details/details.js" ></script>
	<script type="text/javascript" src="touchTouch/touchTouch.jquery.js"></script>
	<script type="text/javascript" src="js/details/jquery.flexText.js" ></script>
	<script type='text/javascript'>
		
			$(function(){
				$(".ping_title").on('click',function(){
					$(this).toggle();
					$(".ping_content").toggle();
				})
				$(".ping_content .plBtn").on('click',function(){
					$(".ping_content").toggle();
					$(".ping_title").toggle();
				})
				
	    	    $(".tab_click").eq(0).addClass("action");
				$(".tab_click").each(function(n){
					$(this).click(function(){
					 $(".tab_"+n).siblings().hide();
					 $(".tab_click").siblings().removeClass("action");
					 $(".tab_click").eq(n).addClass("action");
					 $(".tab_"+n).show();
				})
              })
			
	    	});
		/**
		 * 选项卡
		 */
		$('.tabsholder1').cardTabs();
		$('.tabsholder2').cardTabs({theme: 'inset'});
		$('.tabsholder3').cardTabs({theme: 'graygreen'});
		$('.tabsholder4').cardTabs({theme: 'wiki'});
		
		/**
		 * 商家详情图片放大
		 */
		$(function(){
			// Initialize the gallery
			$('#thumbs a').touchTouch();
		});
	</script>
	<!--textarea高度自适应-->
	<script type="text/javascript">
	    $(function () {
	        $('.content').flexText();
	    });
	</script>
	<!--textarea限制字数-->
	<script type="text/javascript">
	    function keyUP(t){
	        var len = $(t).val().length;
	        if(len > 139){
	            $(t).val($(t).val().substring(0,140));
	        }
	    }
	</script>
	<!--点击评论创建评论条-->
	<script type="text/javascript">
	    $('.reviewArea').on('click','.plBtn',function(){
	        var myDate = new Date();
	        //获取当前年
	        var year=myDate.getFullYear();
	        //获取当前月
	        var month=myDate.getMonth()+1;
	        //获取当前日
	        var date=myDate.getDate();
	        var h=myDate.getHours();       //获取当前小时数(0-23)
	        var m=myDate.getMinutes();     //获取当前分钟数(0-59)
	        if(m<10) m = '0' + m;
	        var s=myDate.getSeconds();
	        if(s<10) s = '0' + s;
	        var now=year+'-'+month+"-"+date+" "+h+':'+m+":"+s;
	        //获取输入内容
	        var oSize = $(this).siblings('.flex-text-wrap').find('.comment-input').val();
	        console.log(oSize);
	        //动态创建评论模块
	        oHtml = '<div class="comment-show-con clearfix"><div class="comment-show-con-img pull-left"><img src="img/user/header-img-comment_03.png" alt=""></div> <div class="comment-show-con-list pull-left clearfix"><div class="pl-text clearfix"> <a href="#" class="comment-size-name">David Beckham : </a> <span class="my-pl-con">&nbsp;'+ oSize +'</span> </div> <div class="date-dz"> <span class="date-dz-left pull-left comment-time">'+now+'</span> <div class="date-dz-right pull-right comment-pl-block"><a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a> <span class="pull-left date-dz-line">|</span> <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a> </div> </div><div class="hf-list-con"></div></div> </div>';
	        if(oSize.replace(/(^\s*)|(\s*$)/g, "") != ''){
	        	$(".comment-show").append(oHtml);
	            $(this).parents('.reviewArea ').siblings('.comment-show').prepend(oHtml);
	            $(this).siblings('.flex-text-wrap').find('.comment-input').prop('value','').siblings('pre').find('span').text('');
	        }
	    });
	</script>
	<!--点击回复动态创建回复块-->
	<script type="text/javascript">
	    $('.comment-show').on('click','.pl-hf',function(){
	        //获取回复人的名字
	        var fhName = $(this).parents('.date-dz-right').parents('.date-dz').siblings('.pl-text').find('.comment-size-name').html();
	        //回复@
	        var fhN = '回复@'+fhName;
	        //var oInput = $(this).parents('.date-dz-right').parents('.date-dz').siblings('.hf-con');
	        var fhHtml = '<div class="hf-con pull-left"> <textarea class="content comment-input hf-input" placeholder="" onkeyup="keyUP(this)"></textarea> <a href="javascript:;" class="hf-pl">评论</a></div>';
	        //显示回复
	        if($(this).is('.hf-con-block')){
	            $(this).parents('.date-dz-right').parents('.date-dz').append(fhHtml);
	            $(this).removeClass('hf-con-block');
	            $('.content').flexText();
	            $(this).parents('.date-dz-right').siblings('.hf-con').find('.pre').css('padding','6px 15px');
	            //console.log($(this).parents('.date-dz-right').siblings('.hf-con').find('.pre'))
	            //input框自动聚焦
	            $(this).parents('.date-dz-right').siblings('.hf-con').find('.hf-input').val('').focus().val(fhN);
	        }else {
	            $(this).addClass('hf-con-block');
	            $(this).parents('.date-dz-right').siblings('.hf-con').remove();
	        }
	    });
	</script>
	<!--评论回复块创建-->
	<script type="text/javascript">
	    $('.comment-show').on('click','.hf-pl',function(){
	        var oThis = $(this);
	        var myDate = new Date();
	        //获取当前年
	        var year=myDate.getFullYear();
	        //获取当前月
	        var month=myDate.getMonth()+1;
	        //获取当前日
	        var date=myDate.getDate();
	        var h=myDate.getHours();       //获取当前小时数(0-23)
	        var m=myDate.getMinutes();     //获取当前分钟数(0-59)
	        if(m<10) m = '0' + m;
	        var s=myDate.getSeconds();
	        if(s<10) s = '0' + s;
	        var now=year+'-'+month+"-"+date+" "+h+':'+m+":"+s;
	        //获取输入内容
	        var oHfVal = $(this).siblings('.flex-text-wrap').find('.hf-input').val();
	        console.log(oHfVal)
	        var oHfName = $(this).parents('.hf-con').parents('.date-dz').siblings('.pl-text').find('.comment-size-name').html();
	        var oAllVal = '回复@'+oHfName;
	        if(oHfVal.replace(/^ +| +$/g,'') == '' || oHfVal == oAllVal){
	
	        }else {
	            $.getJSON("json/pl.json",function(data){
	                var oAt = '';
	                var oHf = '';
	                $.each(data,function(n,v){
	                    delete v.hfContent;
	                    delete v.atName;
	                    var arr;
	                    var ohfNameArr;
	                    if(oHfVal.indexOf("@") == -1){
	                        data['atName'] = '';
	                        data['hfContent'] = oHfVal;
	                    }else {
	                        arr = oHfVal.split(':');
	                        ohfNameArr = arr[0].split('@');
	                        data['hfContent'] = arr[1];
	                        data['atName'] = ohfNameArr[1];
	                    }
	
	                    if(data.atName == ''){
	                        oAt = data.hfContent;
	                    }else {
	                        oAt = '回复<a href="#" class="atName">@'+data.atName+'</a> : '+data.hfContent;
	                    }
	                    oHf = data.hfName;
	                });
	
	                var oHtml = '<div class="all-pl-con"><div class="pl-text hfpl-text clearfix"><a href="#" class="comment-size-name">我的名字 : </a><span class="my-pl-con">'+oAt+'</span></div><div class="date-dz"> <span class="date-dz-left pull-left comment-time">'+now+'</span> <div class="date-dz-right pull-right comment-pl-block"><a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a> <span class="pull-left date-dz-line">|</span> <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a> </div> </div></div>';
	                oThis.parents('.hf-con').parents('.comment-show-con-list').find('.hf-list-con').css('display','block').prepend(oHtml) && oThis.parents('.hf-con').siblings('.date-dz-right').find('.pl-hf').addClass('hf-con-block') && oThis.parents('.hf-con').remove();
	            });
	        }
	    });
	</script>
	<!--点赞-->

	<script type="text/javascript">

	    $('.comment-show').on('click','.date-dz-z',function(){
	        var zNum = $(this).find('.z-num').html();
	        if($(this).is('.date-dz-z-click')){
	            zNum--;
	            $(this).removeClass('date-dz-z-click red');
	            $(this).find('.z-num').html(zNum);
	            $(this).find('.date-dz-z-click-red').removeClass('red');
	        }else {
	            zNum++;
	            $(this).addClass('date-dz-z-click');
	            $(this).find('.z-num').html(zNum);
	            $(this).find('.date-dz-z-click-red').addClass('red');
	        }
	    })
	</script>
	
</html>
